@import url("basic.css");
.dcm_menu-holder {
  position:absolute;
  top:84px;
  right:0;
}
.dcm_ad-right {
  width:200px;
  height:700px;
  background-color:#292929;
}
.dcm_ad-right:after {
  content:" ";
  width:0;
  height:0;
  left:-30px;
  top:15px;
  transition:.3s ease-out;
  border-color:transparent #292929 transparent transparent;
  border-style:solid;
  border-width:30px 30px 30px 0;
  position:absolute;
}
.item .dcm_wrap-outer {
  overflow:hidden;
  position:relative;
  background:url('') repeat-y scroll 300px 0;
  background-color:#222;
  width:100%;
  min-height:100%;
  box-shadow:0 0 2px rgba(0,0,0,0.4);
}
.item .dcm_wrap-content {
  margin:0 0 0 319px;
  height:100%;
  z-index:2;
  word-wrap:break-word;
}
.item .dcm_main-wrapper {width:800px;}
.item .dcm_post-content {
  position:relative;
  color:#333;
  background-color:white;
  height:100%;
  padding:30px;
  -webkit-border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  border-radius:5px 5px 0 0;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,.7);
  -moz-box-shadow:0 0 2px rgba(0,0,0,.7);
  box-shadow:0 0 2px rgba(0,0,0,.7);
}
.item .dcm_post-title a {
  color:inherit;
  text-decoration:none !important;
}
.item .dcm_date-published {
  display:block;
  margin:-10px -10px 30px 0;
  text-align:right;
  font-weight:bold;
  color:#A2A2A2;
}
.dcm_last-comment {
  position:absolute;
  bottom:0;
  right:25px;
  width:193px;
  height:auto;
  background-color:#181818;
  border-top:1px solid #252525;
  border-left:1px solid #252525;
  border-right:1px solid #252525;
  padding:0 10px 5px;
  margin:0;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
   -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.6),0 2px 4px rgba(0,0,0,0.5);
  -moz-box-shadow:0 3px 3px rgba(0,0,0,0.6),0 2px 4px rgba(0,0,0,0.5);
  box-shadow:0 3px 3px rgba(0,0,0,0.6),0 2px 4px rgba(0,0,0,0.5);
}
.comment-x-post {
  float:left;
  width:auto;
  margin: 9px 0px 0px;
  position:relative;
}
.comment-x-post li {
  position:relative;
  line-height:10px;
  margin:0;
  float:left;
  width:40px;
  height:40px;
  margin:1px;
  padding:2px;
  list-style:none;
  background-color:#181818;
  border:1px solid #252525;
  box-shadow:0 3px 3px rgba(0,0,0,0.6),0 2px 4px rgba(0,0,0,0.5);
  cursor:pointer;
}
.comment-x-post li img {
  width:100%;
  height:auto;
}
.comment-x-post li .tolltip {
  background-color:#181818;
  border:1px solid #252525;
  box-shadow:0 4px 20px rgba(0,0,0,0.9),0 14px 20px rgba(0,0,0,0.7);
  -webkit-box-shadow:0 4px 20px rgba(0,0,0,0.9),0 14px 20px rgba(0,0,0,0.7);
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding;
  background-clip:padding-box;
  display:block;
  position:absolute;
  z-index:99999;
  left:-160px;
  top:-110px;
  text-decoration:none !important;
  margin:0 0;
  width:210px;
  height:90px;
  display:none;
}
.comment-x-post li .tolltip:before {
  content:"";
  width:0;
  height:0;
  position:absolute;
  top:100%;
  right:20px;
  border-width:10px;
  border-style:solid;
  border-color:#282828 transparent transparent transparent;
  display:block;
}
.comment-x-post li .tolltip span.tol_wrap {
  width:100%;
  display:block;
  color:#555;
  float:left;
  font-size:12px;
  line-height:1.5em;
}
.comment-x-post li .tolltip span.author_big_photo {
  width:90px;
  font-size:50px;
  margin:0;
  float:left;
  height:100%;
}
.small-tol {
  float:left;
  width:90px;
  margin:8px 0 0 12px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.comment-x-post li:hover .tolltip {
  display:block;
  -webkit-animation:tolltip 0.3s;
  -moz-animation:tolltip 0.3s;
  -o-animation:tolltip 0.3s;
  animation:tolltip 0.3s;
}
.span_count {
  background:#a4b357;
  background:-moz-linear-gradient(top,#a4b357 0%,#75890c 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#a4b357),color-stop(100%,#75890c));
  background:-webkit-linear-gradient(top,#a4b357 0%,#75890c 100%);
  background:-o-linear-gradient(top,#a4b357 0%,#75890c 100%);
  background:-ms-linear-gradient(top,#a4b357 0%,#75890c 100%);
  background:linear-gradient(to bottom,#a4b357 0%,#75890c 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357',endColorstr='#75890c',GradientType=0 );
  color:#fff;
  border-radius:2px;
  text-align:center;
  margin:5px 5px 3px 0;
  line-height:2em;
  width:88px;
  float:left;
}
span.coments48text {
  float:left;
  font-size:10px;
}
.title_author32 {
  text-overflow:ellipsis;
  overflow:hidden;
  width:88px;
  float:left;
}
.copy-code {
  background-color:#69A24A;
  border:1px solid #000;
  box-shadow:0 4px 20px rgba(0,0,0,0.9),0 14px 20px rgba(0,0,0,0.7);
  -webkit-box-shadow:0 4px 20px rgba(0,0,0,0.9),0 14px 20px rgba(0,0,0,0.7);
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding;
  background-clip:padding-box;
  position:absolute;
  z-index:5;
  right:0;
  top:-75px;
  text-decoration:none !important;
  margin:0 0;
  width:295px;
  height:49px;
  display:none;
}
.copy-code:before,.copy-code:after {
  content:"";
  width:0;
  height:0;
  border:10px solid;
  display:block;
  position:absolute;
  top:100%;
  left:20px;
  border-color:black black transparent transparent;
}
.copy-code:after {
  border-width:9px;
  left:21px;
  border-color:#69A24A #69A24A transparent transparent;
}
.copy-code textarea,.copy-code textarea:focus {
  color:#333;
  text-align:center;
  margin:5px;
  padding:10px;
  border:1px solid #555;
  background-color:#79c471;
  spellcheck:false;
}
.copy-code .close {
  position:absolute;
  top:-5px;
  right:-5px;
  font-size:13px;
}
.dcm_form-comment-message dcopy,.dcm_form-comment-message dcopy a {color:inherit;}
#dcm_frame {display: none;}
.dcm_form-comment #myframe {
    width: 100%;
    height: 265px;
    margin-bottom: 5px;
    border-radius: 5px;
}
.dcm_form-comment #myframe iframe {
    border: medium none;
    overflow: hidden;
}
.dnone {
  display: none !important;
  position: absolute !important;
  top: -4000em !important;
  left: -4000em !important;
  width: 0px !important;
  height: 0px !important;
  color: transparent !important;
  font-size: 0px !important;
}
@keyframes tolltip {
  from {
    opacity:0;
    top:-50px;
  }
  to {
    opacity:1;
    left:-160px;
    top:-110px;
  }
}
@-o-keyframes tolltip {
  from {
    opacity:0;
    top:-50px;
  }
  to {
    opacity:1;
    left:-160px;
    top:-110px;
  }
}
@-moz-keyframes tolltip {
  from {
    opacity:0;
    top:-50px;
  }
  to {
    opacity:1;
    left:-160px;
    top:-110px;
  }
}
@-webkit-keyframes tolltip {
  from {
    opacity:0;
    top:-50px;
  }
  to {
    opacity:1;
    left:-160px;
    top:-110px;
  }
}
